<script setup>
const back = () => {
    console.log(1);
    uni.navigateBack({
        delta: 0,
    })
}
const metre = () => {
    // console.log(newlist);
    // console.log(1);
    uni.navigateTo({
        url: '/subpkg/metre/metre'
    })
}

</script>

<template>
    <div class="box">
        <view class="box-bg">
            <div class="nav">
                <uni-icons class="icon" @click="back" color="#fff" ; type="back" size="30"></uni-icons>
                <text>消息</text>
            </div>
        </view>
        <view class="main">
        <view class="main_a" @click="metre">
            <uni-list :border="true">
                
                    <uni-list-chat title="一米阳光" avatar="https://tmpl.downzz.com/sucai/content/wnbfv5mkrh0.jpg" note="hello!"
                        :time="new Date().toLocaleDateString()" badge-positon="left" badge-text="dot"
                        to="/subpkg/metre/metre"></uni-list-chat>
            </uni-list>
            </view>
            <view class="main_b">

                <uni-list-chat title="安静"
                    avatar="https://ts1.cn.mm.bing.net/th/id/R-C.d35d902d0821680ba672de0b60bd4baa?rik=jwZoREWTkJDTog&riu=http%3a%2f%2fimg.keaitupian.cn%2fuploads%2f2021%2f04%2f26%2f4dbd9e6796d1435b8eaefd1ae9e04b26.jpg&ehk=1bu2z0m9sclxtbz0temcYWLVVo9svFljleD2e%2frzrxw%3d&risl=&pid=ImgRaw&r=0"
                    note="您好，您发布的房子，我想具体咨询一下" :time="new Date().toLocaleDateString()" badge-positon="left"
                    badge-text="dot"></uni-list-chat>
            </view>
        </view>
    </div>
</template>

<style lang="scss">
.box {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;

    .box-bg {
        width: 100vw;
        height: 100px;
        background: linear-gradient(to right, #3e85ef, rgba(46, 175, 255, ));
        display: flex;
    }

    .nav {
        display: inline-block;
        width: 100vw;
        height: 100%;
        line-height: 100px;
        color: #fff;
        text-align: center;
    }

    .icon {
        position: relative;
        top: 8px;
        right: 130px;

    }
}

.main {
    width: 100%;
    height: 200px;

    .main_a {
        width: 100%;
        height: 70px;
    }

    .main_b {
        width: 100%;
        height: 100px;
        margin-top: 15px;
    }

    .icon {
        position: relative;
        top: 35px;
        left: 10px;

    }
}</style>